.no_team_tip{
  width: 100%;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  position: fixed;
  top: 50%;
  font-size: 24px;
  color: #c5c5c5;
}
.container{
  width: 100%;
  padding: 40px 10%;
}
.setting{
  background-image: url("/assets/img/image/icon-unfold.png");
  width: 26px;
  height: 26px;
  cursor: pointer;
  margin-top: 5px;
  position: absolute;
  top: 0;
  right: -57px;
  background-repeat: no-repeat;
}
.setting1{
  background-position-y:-26px
}
/*团队信息*/
.container .team_info{
  width: 100%;
  background-color: #F6F6F6;
  margin-bottom: 50px;
  padding-top: 15px;
  position: relative;
}
.team_info_head{
  padding: 0 20px 20px 20px;
  border-bottom: 1px solid #E1E1E1;
}
.team_info_head input[type=text]{
  width: 270px;
  height: 36px;
  line-height: 36px;
  padding-left: 10px;
  background-color: #fff;
  outline: none;
  font-size: 18px;
  color: #333333;
  border: none;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.team_info_head .modify_btn{
  height: 36px;
  text-align: center;
  cursor: pointer;
  width: 40px;
  line-height: 40px;
  background-color: #DF629D;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  display: inline-block;
  position: relative;
  left: -1px;
}
.team_info_head .team_name{
  display: inline-block;
  font-size: 24px;
  color: #333333;
  margin-right: 5px;
}
.team_info_head .modify_logo{
  cursor: pointer;
  vertical-align: text-bottom;
  position: absolute;
  top: 13px;
}
.team_info_head .team_create_date{
  display: inline-block;
  font-size: 14px;
  color: #999999;
  margin-left: 25px;
}
 .big_title{
  font-size: 24px;
  line-height: 24px;
  color: #333333;
}
 .little_title{
  font-size: 14px;
  line-height: 14px;
  color: #666666;
  margin-bottom: 8px;
}
.team_info ul {
  margin-top: 30px;
  padding: 0 20px;
}
.team_info ul li{
  margin-right: 58px;
}
.team_info ul li:first-child{
  width: 20%;
  margin-right: 0;
}
.team_info ul li:nth-child(2){
  padding-left: 7px;
}
.team_info ul li:last-child{
  margin-right: 0;
}
.team_info ul li .team_administrator{
  height: 57px;
  line-height: 57px;
}
.team_administrator .administrator_img{
  display: inline-block;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  background-image: url('/assets/img/image/datouxiang.png');
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
  position: relative;
}
.team_administrator .administrator_info{
  width: calc(100% - 67px);
  display: inline-block;
  vertical-align: top;
  height: 100%;
  padding-top: 5px;
}
.administrator_info .admin_name{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.team_info ul li .team_buy_package{
  height: 57px;
  line-height: 57px;
}
.team_buy_package .package_logo{
  width: 98px;
  height: 58px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  display: inline-block;
  margin-right: 10px;
}
.team_buy_package .package_logo_null{
  width: 60px;
  height: 44px;
  background-image: url('../../../assets/img/image/no_package_logo.png');
  -webkit-background-size: 60px 44px;
  background-size: 60px 44px;
  display: inline-block;
  margin-right: 10px;
  background-repeat:no-repeat;
}
.team_buy_package .buy_package_info{
  display: inline-block;
  vertical-align: top;
  height: 100%;
  padding-top: 5px;
}
.team_info ul li .team_buy_app{
  height: 57px;
  line-height: 57px;
}
.team_buy_app .app_logo{
  width: 52px;
  height: 57px;
  background-color: #60BFD7;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
}
.team_buy_app .app_logo_null{
  width: 52px;
  height: 57px;
  background-image: url('../../../assets/img/image/no_app_logo.png');
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  display: inline-block;
  margin-right: 10px;
}
.team_buy_app .buy_app_info{
  display: inline-block;
  vertical-align: top;
  height: 100%;
  padding-top: 5px;
}
.team_info .team_package_info{
  width: 43px;
  height: 43px;
  line-height: 46px;
  text-align: center;
  background-color: #CCCCCC;
  border-radius: 50%;
  padding-left: 3px;
  color: white;
  cursor: pointer;
  font-size: 30px;
  font-family: ＭＳ ゴシック;
}
.team_info .accredit_ids{
  width: 100%;
  padding: 0 20px;
  margin-top: 30px;
  display: flex;
}
.members_logo{
  cursor: pointer;
  margin-top: 20px;
}
.members_logo1{
  transform:rotate(-90deg);
  -ms-transform:rotate(-90deg); 	/* IE 9 */
  -moz-transform:rotate(-90deg); 	/* Firefox */
  -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); 	/* Opera */
}

.team_info .accredit_ids .no_limit_height{
  height: auto;
  width: 75%;
  margin-right: 5%;
  margin-left: 10px;
}

.team_info .accredit_ids .team_members {
  margin-right: 5%;
  margin-left: 10px;
  height: 106px;
  overflow: hidden;
  width: 75%;
}
.member{
  margin-right: 20px;
  height: 76px;
  position: relative;
  width: 57px;
  margin-bottom: 30px;
}
.member .delete_icon{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #df629d;
  color: #FFFFFF;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: -10px;
}
.member .member_img{
  width: 57px;
  height: 57px;
  border-radius: 50%;
  background-image: url('../../../assets/img/image/datouxiang.png');
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.member .member_name{
  font-size: 14px;
  color: #333333;
  text-align: center;
  width: 57px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.add_team_member{
  width: 50px;
  height: 50px;
  color: #FFFFFF;
  border-radius: 50%;
  background-color: #df629d;
  margin-top: 5px;
  text-align: center;
  font-size: 36px;
  line-height: 45px;
  cursor: pointer;
}

/*团队教案包*/
.container .team_package{
  width: 100%;
  height: 300px;
  margin-bottom: 50px;
}
.team_package .team_package_title{
  padding-left: 15px;
  margin-bottom: 20px;
}
.team_package .team_package_content{
  background-color: #F6F6F6;
  padding-right: 27px;
  width: 100%;
  height: 244px;
  position: relative;
}
.team_package_content .next_logo{
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  cursor: pointer;
}
.team_package_content .package_img{
  width: 33%;
  height: 244px;
  background-image: url('../../../assets/img/image/packge_cover.png');
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.team_package_content .package_info{
  width: 250px;
  height: calc(100% - 60px);
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 90px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-right: 1px solid #E1E1E1;
}
.team_package_content .team_members{
  width: calc(67% - 251px);
  height: 100%;
  padding: 30px 0 30px 30px;
  display: flex;
  flex-direction: column;
}

/*团队应用*/
.container .team_app{
  width: 100%;
  height: 300px;
  margin-bottom: 50px;
}
.team_app .team_app_title{
  padding-left: 15px;
  margin-bottom: 20px;
}
.team_app .team_app_content{
  background-color: #F6F6F6;
  padding-right: 27px;
  width: 100%;
  height: 244px;
  position: relative;
}
.team_app_content .next_logo{
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
  cursor: pointer;
}
.team_app_content .app_img{
  width: 20%;
  height: 100%;
  background-image: url('../../../assets/img/image/app_cover.png');
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.team_app_content .app_info{
  width: 250px;
  height: calc(100% - 60px);
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 90px;
  margin-top: 30px;
  margin-bottom: 30px;
  border-right: 1px solid #E1E1E1;
}
.app_info .app_name{
  text-align: left;
  width: 100%;
}
.team_app_content .team_members{
  width: calc(80% - 251px);
  height: 100%;
  padding: 30px 0 30px 30px;
  display: flex;
  flex-direction: column;
}
